<template>
  <div id="b">
    <div id="bigbox">
      <div class="box">
        <div>
          <div class="iconfont icon-shoucang">
            <span class="s">我的收藏</span>
          </div>
        </div>
        <div><span class="iconfont icon-youjiantou1"></span></div>
      </div>
      <div class="box">
        <div>
          <div class="iconfont icon-yewutubiao_tushuguanlixitong">
            <span class="s">我的图书</span>
          </div>
        </div>
        <div><span class="iconfont icon-youjiantou1"></span></div>
      </div>
      <div class="box">
        <div>
          <div class="iconfont icon-a-icon_qianbijinqian">
            <span class="s">我的铜板</span>
          </div>
        </div>
        <div><span class="iconfont icon-youjiantou1"></span></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#b{
    height:100%;
}
#bigbox {

  margin: 0.08rem 0px;
}
.box {
  display: flex;
  width: 3.48rem;
  height: 0.48rem;
  margin: 0 auto;
  background: #f8f8f8;
  align-items: center;
  justify-content: space-between;
  /* text-align: center; */
  line-height: 0.56rem;
}
.icon-shoucang,.icon-yewutubiao_tushuguanlixitong,.icon-a-icon_qianbijinqian{
  margin-left: 0.05rem;
  font-size: 0.18rem;
  color: #738fde;
}
.icon-youjiantou1 {
  margin-right: 0.05rem;
  color: #b8b8b8;
  font-size: 0.1rem;
}
.s {
  margin-left: 0.05rem;

  font-size: 0.15rem;
  font-weight: 500;
  color: black;
}
</style>